<template>
  <div>
    <el-table :data="list" style="width: 100%" height="250">
    <el-table-column fixed prop="id" label="id" width="150" />
    <el-table-column prop="name" label="名称" width="120" />
    <el-table-column prop="price" label="价格" width="120" />
    <el-table-column prop="size" label="房屋大小" width="320" />
    <el-table-column prop="sizeRoom" label="房屋" width="600" />
    <el-table-column prop="level" label="装修" />
  </el-table>
  </div>
</template>

<script setup>
import { ref } from "vue";
import request from "./utils/request"
const list =ref([])
const data=()=>{
  request.get('/room/list').then(res=>{
    if(res.status===200&&res.data.code===10000){
      list.value=res.data.data.list
    }
  })
}
data()
</script>

<style lang="scss" scoped>

</style>